<template>
   <div>
      <h1>教师简介</h1>
      <div>姓名:{{name}}</div>
      <div>
         <img :src="avatar" :class="['avatar']"  referrer-policy="same-origin" />
      </div>
   </div>
</template>

<script>
export default {
    data(){
        return{
            name:'Giles',
            avatar:'https://c-ssl.dtstatic.com/uploads/blog/202104/03/20210403165122_f5bc8.thumb.1000_0.jpeg'
        }
    }
}
</script>

<style>
    .avatar{
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }
</style>